/**软件解决方案 */
<template>
  <div class="software-page">
    <solution-header
      class="software-top-box"
      :dataInfo="headerInfo"
    ></solution-header>
    <solution-advantage
      title="产品方案"
      :dataLsit="solutionLsit"
    ></solution-advantage>
    <div class="progress-box top-img-bg-box">
      <div class="progress-content-box main-content">
        <div class="solution-title-box">合作流程</div>
        <div class="solution-line-box"></div>
        <div class="progress-step-box">
          <div class="steps-item-box">
            <img
              src="../../../assets/solution/icon_software_step_1.png"
              alt=""
            />
            <div class="steps-title-box">了解需求</div>
          </div>
          <div class="steps-line"></div>
          <div class="steps-item-box">
            <img
              src="../../../assets/solution/icon_software_step_2.png"
              alt=""
            />
            <div class="steps-title-box">制定方案</div>
          </div>
          <div class="steps-line"></div>
          <div class="steps-item-box">
            <img
              src="../../../assets/solution/icon_software_step_3.png"
              alt=""
            />
            <div class="steps-title-box">签署合同</div>
          </div>
          <div class="steps-line"></div>
          <div class="steps-item-box">
            <img
              src="../../../assets/solution/icon_software_step_4.png"
              alt=""
            />
            <div class="steps-title-box">部署配置</div>
          </div>
          <div class="steps-line"></div>
          <div class="steps-item-box">
            <img
              src="../../../assets/solution/icon_software_step_5.png"
              alt=""
            />
            <div class="steps-title-box">系统培训</div>
          </div>
          <div class="steps-line"></div>
          <div class="steps-item-box">
            <img
              src="../../../assets/solution/icon_software_step_6.png"
              alt=""
            />
            <div class="steps-title-box">项目验收</div>
          </div>
          <div class="steps-line"></div>
          <div class="steps-item-box">
            <img
              src="../../../assets/solution/icon_software_step_7.png"
              alt=""
            />
            <div class="steps-title-box">上线运营</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import ApplicationScenarios from "../commont/application-scenarios.vue";
import BusinessArchitecture from "../commont/business-architecture.vue";
import CooperationCase from "../commont/cooperation-case.vue";
import SolutionAdvantage from "../commont/solution-advantage.vue";
import SolutionHeader from "../commont/SolutionHeader.vue";
export default {
  components: {
    SolutionAdvantage,
    BusinessArchitecture,
    ApplicationScenarios,
    CooperationCase,
    SolutionHeader,
  },
  props: {},
  data() {
    return {
      headerInfo: {
        title: "区块链软件解决方案",
        dec:
          "提供智能合约定制开发服务，实现对应区块链应用的落地。根据您不同的业务需求，编写贴合所需应用场景的智能合约，并能通过智能合约构建出执行商业逻辑的区块链应用。助您快速部署智能合约，更加便捷地开发基于区块链应用。",
      },
      solutionLsit: [
        {
          icon: "icon_software_1",
          title: "数字资产钱包",
          dec:
            "创新型掌上数字钱包，同时支持热钱包、冷钱包、蓝牙钱包等多种数字资产存管方式。<br/>可通过商城、游戏、余额宝等产品功能组合，帮助实体企业、项目方等商户打造运营闭环。",
          children: [
            "支持主链与平行链之间进行跨链资产转移",
            "支持多条主链数字资产存管",
            "支持托管账户体系",
            "支持Dapp生态交互对接",
          ],
        },
        {
          icon: "icon_software_2",
          title: "DeFi解决方案",
          dec:
            "基于ETH、OKchain、HECO、TRX等生态链智能合约开发，支持代码审计，由第三方机构出具专业的审计报告。<br/><br/>采用形式化验证技术，自动扫描代码安全性；数十项安全检测项目，排查安全隐患，避免黑客攻击，保证智能合约安全性。",
          children: ["支持跨链", "支持代码审计", "支持模型设计"],
        },
        {
          icon: "icon_software_3",
          title: "数字资产交易系统",
          dec:
            "基于区块链底层技术的行情交易系统，实现资产信息上链，交易信息溯源，保证用户资产安全。强大的内存撮合引擎保证高并发量交易；可保障平台和用户双方的隐私安全、系统安全和资产安全。",
          children: [
            "支持现货交易",
            "支持杠杆交易",
            "支持场外交易",
            "支持合约交易",
          ],
        },

        {
          icon: "icon_software_4",
          title: "降低金融机构风控成本",
          dec:
            "基于各大公链生态游戏开发，支持游戏内数字资产可流转，所有链上的游戏数据都唯一可溯且不可逆转，资产上链保存，具有唯一价值。",
          children: [
            "支持支持游戏内数字资产可流转",
            "支持多条主链数字资产存管",
            "支持多种玩法结合，数据灵活上链",
            "支持私有化部署，提供系统源码",
          ],
        },
      ],
    };
  },
  watch: {},
  computed: {},
  methods: {},
  created() {},
  mounted() {},
};
</script>
<style lang="scss" scoped>
.software-top-box {
  background: url("../../../assets/solution/icon_software_top.png");
}
.progress-box {
  background: url("../../../assets/solution/icon_progress_bg.png");
  .solution-title-box {
    font-size: 2rem;
    font-weight: 600;
    color: #ffffff;
    line-height: 42px;
    letter-spacing: 1px;
  }
  .solution-line-box {
    width: 48px;
    height: 2px;
    background: #ffffff;
    margin-top: 1.428571rem;
    margin-bottom: .928571rem;
  }
  
  .progress-content-box {
    width: 100%;
  }
  .progress-step-box {
    width: 100%;
    margin: 1.875rem 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    .steps-item-box {
      margin: 15px 0;
      text-align: center;
      .steps-title-box {
        font-size: 12px;
        font-weight: 600;
        color: #ffffff;
        line-height: 18px;
        margin-top: 10px;
      }
    }
    .steps-line {
      width: 3.9375rem;
      height: 1px;
      background-color: #ffffff8f;
      margin: 46px 5px;
    }
  }
}
</style>
